<template>
	
	<view class="page wrap">
		  <au-bar  :text="title" :back="true" @click="submit"></au-bar>
		<view class="title" @click="onclick">{{count}}</view>
		<!-- <uni-forms class="form" :modelValue="loginForm" :rules="rules" validate-trigger="bind">
			<uni-forms-item name="userName">
				<uni-easyinput type="text" v-model="loginForm.userName" prefix-icon="person" placeholder="用户名" />
			</uni-forms-item>
			<uni-forms-item name="password">
				<uni-easyinput type="password" v-model="loginForm.password" prefix-icon="locked" placeholder="密码" />
			</uni-forms-item>
			<button class="btn-submit" @click="submit" type="primary">登录</button>
		</uni-forms> -->
	<!-- 	<navigator class="nav-register" url="/pages/register/register">
			没有账号,前往注册
		</navigator> -->
	</view>
	
	<!-- <view class="page wrap">
		<!-- -->
		<!-- <au-bar :text="提交表单" :back="true" background="#ff2"></au-bar> -->
		<!-- <view class="content" style="display: flex; background-color: azure;">
			<uni-search-bar v-model="searchText" radius="100" cancelButton="none" placeholder="点击搜索好友"></uni-search-bar>

			<u-form labelPosition="left" :model="formData" :rules="rules" ref="uForm" :errorType="errorType">
				<u-form-item prop="name">
					<view class="title" style="margin-bottom: 10px;">设备名称 *</view>
					<u-input v-model="formData.name" clearable @clear="formData.name = ''"></u-input>
				</u-form-item>
			</u-form>
		</view> -->
	<!-- </view> -->

</template>

<script setup>
	import { ref } from 'vue';

	let count = ref(0);
	let title = ref('titleTest');
	const onclick=()=>{
		count.value+=1;
	};
	function submit(){
		title.value = `titleTest${count.value}`
	};


</script>

<style lang="scss" scoped>
	.wrap {
		.title {
			padding-top: 150rpx;
			padding-bottom: 50rpx;
			color: royalblue;
			text-align: center;
			font-size: 60rpx;
			font-weight: 600;
		}
	
		.form {
			padding: 50rpx;
	
			.btn-submit {
				margin-top: 80rpx;
				border-radius: 50rpx;
			}
		}
	
		.nav-register {
			position: fixed;
			width: 100%;
			bottom: 100rpx;
			color: royalblue;
			text-align: center;
			font-size: 32rpx;
		}
	}
</style>